<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <LINK href="resourses/style.css" rel="stylesheet" type="text/css">
   <title>Mariachi Casa Feedback</title>
   <style>
      body {
         background-image:url('pictures/chipsAndSalsa.jpg');
		 background-repeat:no-repeat;
      }
   </style>
</head>


<!-- ------------------------------------------------------------------- -->
<script>
function submitReview(){
	alert("Thank you for submitting. You're input is valuable to us.");

	//do something with the comment
	//var newComment = comment //not sure how this is supposed to work

	window.close();
}

//this should indicate somehow which star has been selected
function highlight(stars){
	alert(stars + " Stars");
}

function help(){
	alert("A waiter is on the way to help you.");
	/////send a note to the waiters that this tablet needs help
}

function refill(){
	//refill screen popup
	window.open('refillScreen.html','refillWindow','resizable=no, titlebar=no, menubar=no, width=430, height=360, toobar=no');
}
</script>
<!-- ------------------------------------------------------------------- -->


<body>
<!-- Back Button and Title -->
   	<div id="backButton">
	<a href="mainMenu.html">
      	<button class="backButton">Back</button>
   	</a></div>
   
   	<div id="feedback">
      	<h1>Feedback</h1>
      	Do you have a question, comment, or suggestion for our restaurant?  
	Leave us some feedback!  At Mariachi Casa, we pride ourselves on our
	careful attention to our customers' needs.  We invite you to rate your
	dining experience by clicking one of the stars below, and submit your
	feedback in the text box provided.<br/><br/><br/><br/>

<!-- Review Form -->
	<div id="miserable">Miserable</div>
	<div id="excellent">Excellent</div><br/>
	<img src="pictures/star1.png" onclick="highlight('1')">
	<img src="pictures/star2.png" onclick="highlight('2')">
	<img src="pictures/star3.png" onclick="highlight('3')">
	<img src="pictures/star4.png" onclick="highlight('4')">
	<img src="pictures/star5.png" onclick="highlight('5')"><br/><br/><br/>
	  
	<!-- Text Input for user review -->
	<form>
        <input type="text" id="comment" maxlength="140" size="96" value="Type your comment here. (140 characters or less!)"/>
	</form>
	  

<!-- Sumbit and return -->
	<a href="mainMenu.html">
	<button class="menuButton" onclick="submitReview()">Submit</button>
   	</a></div>


<!-- Help and Refill buttons at the bottom. -->
	<div id="pageBottom">
	<button class="footerButton" onclick="help()">Help</button>
	<button class="footerButton" onclick="refill()">Refill</button>
	</div>
</body>
</html>
</html>